<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link href="assets/css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="css/style.css"/>
    <link rel="stylesheet" href="assets/css/ace.min.css"/>
    <link rel="stylesheet" href="assets/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="Widget/zTree/css/zTreeStyle/zTreeStyle.css" type="text/css">
    <link href="Widget/icheck/icheck.css" rel="stylesheet" type="text/css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="assets/css/ace-ie.min.css"/>
    <![endif]-->
    <script src="js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/typeahead-bs2.min.js"></script>
    <!-- page specific plugin scripts -->
    <script src="assets/js/jquery.dataTables.min.js"></script>
    <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
    <script type="text/javascript" src="js/H-ui.js"></script>
    <script type="text/javascript" src="js/H-ui.admin.js"></script>
    <script src="assets/layer/layer.js" type="text/javascript"></script>
    <script src="assets/laydate/laydate.js" type="text/javascript"></script>
    <script type="text/javascript" src="Widget/zTree/js/jquery.ztree.all-3.5.min.js"></script>
    <script src="js/lrtk.js" type="text/javascript"></script>
    <title>激光码管理</title>

</head>

<body>

<div class="margin clearfix">
    <div class="stystems_style">
        <div class="tabbable">
            <div class="page-content clearfix">
                <div id="Member_Ratings">
                    <div class="d_Confirm_Order_style">
                        <ul class="nav nav-tabs" id="myTab">
                            <li class="active">
                                <a data-toggle="tab" href="#home"><i class="green fa fa-home bigger-110"></i>激光码管理</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">

                        <div id="home" class="tab-pane active">
                            <div class="search_style">
                                <ul class="search_content clearfix">
                                    <li><label class="l_f">订单号：</label><input name="" type="text" class="text_add"
                                                                              placeholder="输入订单编号"
                                                                              style=" width:400px"/></li>
                                    <li style="width:90px;">
                                        <button type="button" class="btn_search"><i class="icon-search"></i>查询</button>
                                    </li>
                                </ul>
                            </div>

                            <!---->
                            <div class="border clearfix">
        <span class="l_f">
         <a href="javascript:;" id="member_ad" class="btn btn-warning"><i class="icon-plus"></i>生成激光码</a>
		<a href="javascript:;" class="btn btn-danger"><i class="icon-trash"></i>批量删除</a>
		</span>
                            </div>
                            <table class="table table-striped table-bordered table-hover" id="sample-table">
                                <thead>
                                <tr>
                                    <th width="25"><label><input type="checkbox" id="btnAllChk" class="ace"><span
                                            class="lbl"></span></label></th>
                                    <th width="150">订单编号</th>
                                    <th width="150">产品名称</th>
                                    <th width="150">交易金额</th>
                                    <th width="150">交易时间</th>
                                    <th width="150">所属分类</th>
                                    <th width="150">数量</th>
                                    <th width="100">激光码</th>
                                    <th width="150">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td><label><input type="checkbox" checked disabled="disabled" class="ace"><span
                                            class="lbl"></span></label></td>
                                    <td>20160705445622</td>
                                    <td>48V电池</td>
                                    <td>￥456.50</td>
                                    <td>2016-07-05</td>
                                    <td>48V电池</td>
                                    <td>10</td>
                                    <td style="color:red">已生成</td>
                                    <td class="td-manage">
                                        <a title="分配打印" href="sc_fp.html" class="btn btn-xs btn-info"><i
                                                class="bigger-20">分配打印</i></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label><input type="checkbox" checked disabled="disabled" class="ace"><span
                                            class="lbl"></span></label></td>
                                    <td>20160705445622</td>
                                    <td>48V电池</td>
                                    <td>￥456.50</td>
                                    <td>2016-07-05</td>
                                    <td>48V电池</td>
                                    <td>10</td>
                                    <td style="color:red">已生成</td>
                                    <td class="td-manage">
                                        <a title="分配打印" href="sc_fp.html" class="btn btn-xs btn-info"><i
                                                class="bigger-20">分配打印</i></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label><input type="checkbox" class="ace ace_cek"><span
                                            class="lbl"></span></label></td>
                                    <td>20160705445622</td>
                                    <td>48V电池</td>
                                    <td>￥456.50</td>
                                    <td>2016-07-05</td>
                                    <td>48V电池</td>
                                    <td>10</td>
                                    <td style="color:red">未生成</td>
                                    <td class="td-manage">
                                        <a title="分配打印" class="btn btn-xs"><i class="bigger-20">分配打印</i></a>
                                    </td>
                                </tr>
                                <tr>
                                    <td><label><input type="checkbox" class="ace ace_cek"><span
                                            class="lbl"></span></label></td>
                                    <td>20160705445622</td>
                                    <td>48V电池</td>
                                    <td>￥456.50</td>
                                    <td>2016-07-05</td>
                                    <td>48V电池</td>
                                    <td>10</td>
                                    <td style="color:red">未生成</td>
                                    <td class="td-manage">
                                        <a title="分配打印" class="btn btn-xs"><i class="bigger-20">分配打印</i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <!--打码分配图层2-->
                    <div class="add_menbe" id="add_menber_sty" style="display:none">

                        <ul class=" page-content">
                            <table class="table table-striped table-bordered table-hover">
                                <thead>
                                <tr>
                                    <th width="30">序号</th>
                                    <th width="150">订单编号</th>
                                    <th width="170">组码</th>
                                    <th width="170">只码1</th>
                                    <th width="170">只码2</th>
                                    <th width="170">只码3</th>
                                    <th width="170">只码4</th>
                                    <th width="170">只码5</th>
                                    <th width="170">只码6</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>5</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>6</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>7</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>8</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>9</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                <tr>
                                    <td>10</td>
                                    <td>20160705445622</td>
                                    <td>NJ20160705000001</td>
                                    <td>NJ20160705100001</td>
                                    <td>NJ20160705100002</td>
                                    <td>NJ20160705100003</td>
                                    <td>NJ20160705100004</td>
                                    <td>NJ20160705100005</td>
                                    <td>NJ20160705100006</td>
                                </tr>
                                </tbody>
                            </table>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    jQuery(function ($) {
        var oTable1 = $('#sample-table').dataTable({
            "aaSorting": [[1, "desc"]],//默认第几个排序
            "bStateSave": true,//状态保存
            "aoColumnDefs": [
                //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
                {"orderable": false, "aTargets": [0]}// 制定列不参与排序
            ]
        });
        $('table th input:checkbox').on('click', function () {
            var that = this;
            $(this).closest('table').find('tr > td:first-child input:checkbox')
                    .each(function () {
                        this.checked = that.checked;
                        $(this).closest('tr').toggleClass('selected');
                    });

        });


        $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
        function tooltip_placement(context, source) {
            var $source = $(source);
            var $parent = $source.closest('table')
            var off1 = $parent.offset();
            var w1 = $parent.width();

            var off2 = $source.offset();
            var w2 = $source.width();

            if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
            return 'left';
        }
    })

    /*生成激光码*/
    $('#member_ad').on('click', function () {
        var ace_che = $('.ace_cek').is(':checked');
        if (!ace_che) {
            layer.open({
                title: '提示',
                content: '请选择需要生成的订单编号！'
            })
            return;
        }
        layer.open({
            type: 1,
            title: '选择订单生成',
            maxmin: true,
            shadeClose: true, //点击遮罩关闭层
            area: ['1200px', ''],
            content: $('#add_menber_sty'),
            btn: ['确定', '取消'],
            yes: function (index, layero) {
                var num = 0;
                var str = "";
                $(".add_menber input[type$='text']").each(function (n) {
                    if ($(this).val() == "") {

                        layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
                            title: '提示框',
                            icon: 0,
                        });
                        num++;
                        return false;
                    }
                });
                if (num > 0) {
                    return false;
                }
                else {
                    layer.alert('生成成功！', {
                        title: '提示框',
                        icon: 1,
                    });
                    layer.close(index);
                    layer.close(d_index);
                }
            }
        });
    });
    /*分配打印确定*/
    function member_fp(obj, id) {
        layer.confirm('确认开始打印吗？', function (index) {
            $(obj).parents("tr").remove();
            window.location.href = 'sc_fp.html';
        });
    }
    $(function () {

        //全不选

        $("#btnAllNotChk").click(function () {

            $("#chk input:checkbox").removeAttr("checked");

        });

        //全选

        $("#btnAllChk").click(function () {

            $(".ace").attr("checked", "checked");

        });

        //反选

        $("#btnInvert").click(function () {

            $("#chk input:checkbox").each(function () {

                this.checked = !this.checked;

            })
        });
    })
    /*订单-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }
</script>
